<template>
  <div id="customTabs">
    <ul>
      <li v-for="item in columnList" :key="item.columnCode">{{ item.widgetName }}</li>
    </ul>
    <div>123</div>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  name: 'customTabs',
  data() {
    return {
      selectCode: 1
    }
  },
  computed: {
    ...mapState([
      'columnList'
    ])
  },
  mounted() {
    if (this.columnList.length > 0) {
      this.selectCode = this.columnList[0].columnCode
    }
  }
}
</script>
<style lang="scss" scoped>
#customTabs {
  ul {
    background: #ccc;
  }
}
</style>
